<el-main>
    <el-row :gutter="10" type="flex">
        <el-col :xs="10" :sm="10" :md="10" :lg="10" :xl="10">
            <div class="pos-re">
                <div class="pos-ab">
                    <label class="control-label text-right" style="padding-top: 6px">
                        可选用户：
                    </label>
                </div>
                <div class="table-responsive">
                    <table id="enable_users_table"
                           class="layui-table"
                           lay-size="sm"
                           lay-filter="enable_users_table">

                    </table>
                </div>
            </div>
        </el-col>
        <el-col :xs="3" :sm="3" :md="3" :lg="3" :xl="3">
            <el-row style="margin-top: 30px;">
                <el-button type="primary" size="small"
                           @click="addUser">添加&nbsp;>>
                </el-button>
            </el-row>
            <el-row style="margin-top: 30px;">
                <el-button type="success" size="small"
                           @click="deleteUser"><<&nbsp;移除
                </el-button>
            </el-row>
        </el-col>
        <el-col :xs="10" :sm="10" :md="10" :lg="10" :xl="10">
            <div class="pos-re">
                <div class="pos-ab">
                    <label class="control-label text-right" style="padding-top: 6px">
                        已选用户：
                    </label>
                </div>
                <div class="table-responsive">
                    <table id="selected_users_table"
                           class="layui-table"
                           lay-size="sm"
                           lay-filter="selected_users_table">

                    </table>
                </div>
            </div>
        </el-col>
    </el-row>
</el-main>
<script>
    require(["pc/system/role_users"], $.noop);
</script>